<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人中心</title>
		<link rel="icon" type="image/x-icon" href="">
		<link rel="stylesheet" href="personal-css/base.css" />
		<link rel="stylesheet" href="personal-css/personal.css" />
	</head>
	<body>
		<div class="personal">
			<div class="personal-header">
				<a href="#">首页 > </a>
				<a href="#">个人中心</a>
			</div>
			<div class="personal-body">
				<div class="personal-left">
					<ul>
						<li><a href="#">订单中心</a></li>
						<li><a href="#">我的订单</a></li>
						<li><a href="#">意外保</a></li>
						<li><a href="#">团购订单</a></li>
						<li><a href="#">评价晒单</a></li>
						<li><a href="#">话费充值订单</a></li>
						<li><a href="#">以旧换新订单</a></li>
					</ul>
					<ul>
						<li><a href="#">个人中心</a></li>
						<li><a href="#">我的个人中心</a></li>
						<li><a href="#">消息通知</a></li>
						<li><a href="#">购买资格</a></li>
						<li><a href="#">现金账户</a></li>
						<li><a href="#">小米礼品卡</a></li>
						<li><a href="#">现金券</a></li>
						<li><a href="#">喜欢的商品</a></li>
						<li><a href="#">优惠券</a></li>
						<li><a href="#">收货地址</a></li>
					</ul>
					<ul>
						<li><a href="#">售后服务</a></li>
						<li><a href="#">服务记录</a></li>
						<li><a href="#">申请服务</a></li>
						<li><a href="#">领取快递报销</a></li>
					</ul>
					<ul>
						<li><a href="#">账户管理</a></li>
						<li><a href="#">个人信息</a></li>
						<li><a href="#">修改密码</a></li>
						<li><a href="#">社区VIP认证</a></li>
					</ul>
				</div>
				<div class="personal-right">
					<div class="detail-top">
						<div class="head-portrait">
							<img src="img/photo.jpg" alt="#"  class="avatar"/>
							<div class="avatar-detail">
								<div>
									<p><h2>151*5590</h2></p>
									<p>晚上好~</p>
									<p><a href="#">修改个人信息 ></a></p>
								</div>
							</div>
						</div>
						<div class="binding">
							<div class="binding-detail">
								<p>账户安全：普通</p>
								<p>绑定手机：186********97</p>
								<p> 
									<span>绑定邮箱：</span>
									<a href="#"><button>绑定</button></a>
								</p>
							</div>
						</div>
					</div>
					<div class="line"></div>
					<div class="detail-buttom">
						<div class="detail-buttom-top">
							<div>
								<img src="img/portal-icon-1.png" alt="#" />
								<div class="position-top">
									<p>待支付的订单：0</p>
									<a href="#">查看待支付订单 > </a></div>
								</div>
							<div>
								<img src="img/portal-icon-2.png" alt="#" />
								<div class="position-buttom">
									<p>待收货的订单：0</p>
									<p><a href="#">查看待收货订单 > </a></p>
								</div>
							</div>
						</div>
						<div class="detail-buttom-buttom">
							<div>
								<img src="img/portal-icon-3.png" alt="#" />
								<div class="position-top">
									<p>待评价商品数：0</p>
									<p><a href="#">查看待评价订单 ></a></p>
								</div>
							</div>
							<div>
								<img src="img/portal-icon-4.png" alt="#" />
								<div class="position-buttom">
									<p>喜欢的商品：0</p>
									<p><a href="#">查看喜欢的商品 > </a></p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>